const useTagList = () => {
  const tagList = [
    {
      type: 'title',
      id: 'title',
      label: '标题',
      field: 'title',
      value: '标题',
      icon: 'Finished',
      colProps: { span: 24 },
      props: {
        value: '标题',
        tag: 'h1',
        lineHeight: 1.6,
      },
    },
    {
      type: 'text',
      label: '文本',
      field: 'text',
      icon: 'Comment',
      id: 'text',
      colProps: { span: 24 },
      props: {
        value: '文本',
        tag: 'span',
      },
    },
    {
      type: 'divider',
      id: 'divider',
      label: '分割线',
      field: 'divider',
      icon: 'SemiSelect',
      props: {
        value: '分割线',
      },
    },
    {
      type: 'row',
      label: '表格行',
      field: 'row',
      icon: 'Document',
      id: '',
      children: [],
      props: {
        style: { minHeight: 40 },
      },
    },
    // {
    //   type: 'col',
    //   label: '格',
    //   field: 'col',
    //   icon: 'DocumentRemove',
    //   id: '',
    //   children: [],
    //   props: {
    //     span: 24,
    //   },
    // },
    {
      type: 'input',
      label: '输入框',
      field: 'input',
      icon: 'Edit',
      props: {},
      colProps: { span: 8 },
      formItemProps: {
        label: '输入框',
      },
    },
    {
      type: 'inputNumber',
      label: '数字输入框',
      field: 'input',
      icon: 'EditPen',
      props: {},
      colProps: { span: 8 },
      formItemProps: {
        label: '数字输入框',
      },
    },
    {
      type: 'radio',
      label: '单选按钮',
      field: 'radio',
      icon: 'CircleCheckFilled',
      props: {},
      colProps: { span: 12 },
      formItemProps: {
        label: '单选',
      },
      dataSource: {
        type: 'local',
        data: [
          { value: 'song', label: '唱' },
          { value: 'dance', label: '跳' },
          { value: 'rap', label: 'rap' },
          { value: 'ball', label: '篮球' },
        ],
      },
    },
    {
      type: 'checkbox',
      label: '多选框',
      field: 'checkbox',
      icon: 'Checked',
      props: {},
      colProps: { span: 12 },
      formItemProps: {
        label: '多选框',
      },
      dataSource: {
        // type: 'local' | 'remote'
        type: 'local',
        // 本地数据源
        data: [
          { value: 'song', label: '唱' },
          { value: 'dance', label: '跳' },
          { value: 'rap', label: 'rap' },
          { value: 'ball', label: '篮球' },
        ],
        // 远程数据源
        url: '',
        method: '',
        params: [],
        resultKey: '',
      },
    },
    {
      type: 'datePicker',
      label: '日期选择器',
      field: 'datePicker',
      icon: 'Calendar',
      colProps: { span: 12 },
      formItemProps: {
        label: '日期选择器',
      },
      props: {
        type: 'date',
      },
    },
    {
      type: 'timePicker',
      label: '时间选择器',
      field: 'timePicker',
      value: '',
      icon: 'AlarmClock',
      colProps: { span: 12 },
      props: {
        type: 'time',
      },
      formItemProps: {
        label: '时间选择器',
      },
    },
  ]
  return { tagList }
}

export default useTagList
